﻿<!DOCTYPE html>
<html>
    <head>
        <title>@ViewBag.Title</title>
        <link href='http://fonts.googleapis.com/css?family=Holtwood+One+SC' rel='stylesheet' type='text/css' />
		<link href='http://fonts.googleapis.com/css?family=IM+Fell+English+SC' rel='stylesheet' type='text/css' />
		<link href='http://fonts.googleapis.com/css?family=Rosario' rel='stylesheet' type='text/css' />
        <link rel="Stylesheet" type="text/css" href="@Href("~/Styles/960.css")" />
        <link rel="Stylesheet" type="text/css" href="@Href("~/Styles/jquery-ui.css")" />
        <link rel="Stylesheet" type="text/css" href="@Href("~/Styles/style.css")" />

        <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.4.js"></script>
		<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.16/jquery-ui.min.js"></script>
		<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.cycle/2.99/jquery.cycle.min.js"></script>
		<script type="text/javascript" src="@Href("~/Scripts/index.js")"></script>

        @RenderSection("Head", required: false)
    </head>
    <body>
        
        <div id="wrap" class="container_12">
		
			<div id="header" class="grid_12">
				<div id="logo">
					<a href="@Href("~/")">Logo</a>
				</div>
			</div>
			<div class="clear"></div>
			
			<div id="content-wrap" class="grid_12">
				<div id="nav" class="nav-left">
					<div class="nav-item" nav-menu="navhome">
						<a href="#">Home</a>
						<div class="nav-image">
							<a href="#" img-transition="true">
								<img src="@Href("~/Images/icons/home.png")" alt="Image" />
								<img src="@Href("~/Images/icons/home-active.png")" alt="Image" style="display: none;" />
							</a>
						</div>
					</div>
					<div class="nav-menu" id="navhome">
						<ul>
							<li><a href="@Href("~/")">Latest News</a></li>
							<li><a href="@Href("~/News/")">News Archive</a></li>
							<li><a href="@Href("~/Polls/")">Polls</a></li>
						</ul>
					</div>
					<div class="clear"></div>
					
					<div class="nav-item" nav-menu="navabout">
						<a href="#">About</a>
						<div class="nav-image">
							<a href="#" img-transition="true">
								<img src="@Href("~/Images/icons/about.png")" alt="Image" />
								<img src="@Href("~/Images/icons/about-active.png")" alt="Image" style="display: none;" />
							</a>
						</div>
					</div>
					<div class="nav-menu" id="navabout">
						<ul>
							<li><a href="@Href("~/About/")">What is The Game?</a></li>
							<li><a href="@Href("~/Screenshots/")">Screenshots</a></li>
							<li><a href="@Href("~/Features/")">Game Features</a></li>
							<li><a href="@Href("~/PremiumFeatures/")">Premium Features</a></li>
						</ul>
					</div>
					<div class="clear"></div>

					<div class="nav-item" nav-menu="navaccount">
						<a href="#">Account</a>
						<div class="nav-image">
							<a href="#" img-transition="true">
								<img src="@Href("~/Images/icons/account.png")" alt="Image" />
								<img src="@Href("~/Images/icons/account-active.png")" alt="Image" style="display: none;" />
							</a>
						</div>
					</div>
					<div class="nav-menu" id="navaccount">
						<ul>
							<li><a href="@Href("~/Account/Login/")">My Account</a></li>
							<li><a href="@Href("~/Account/Register/")">Create Account</a></li>
							<li><a href="@Href("~/Account/Lost/")">Lost Account?</a></li>
						</ul>
					</div>
					<div class="clear"></div>
					
					<div class="nav-item" nav-menu="navlibrary">
						<a href="#">Library</a>
						<div class="nav-image">
							<a href="#" img-transition="true">
								<img src="@Href("~/Images/icons/library.png")" alt="Image" />
								<img src="@Href("~/Images/icons/library-active.png")" alt="Image" style="display: none;" />
							</a>
						</div>
					</div>
					<div class="nav-menu" id="navlibrary">
						<ul>
							<li><a href="@Href("~/Characters/")">Characters</a></li>
							<li><a href="@Href("~/Highscores/")">Highscores</a></li>
							<li><a href="@Href("~/Statistics/")">Kill Statistics</a></li>
							<li><a href="@Href("~/Creatures/")">Creatures</a></li>
							<li><a href="@Href("~/Items/")">Items</a></li>
							<li><a href="@Href("~/Guilds/")">Guilds</a></li>
							<li><a href="@Href("~/Online/")">Who is Online?</a></li>
						</ul>
					</div>
					<div class="clear"></div>
					
					<div class="nav-item" nav-menu="navcontact">
						<a href="#">Contact</a>
						<div class="nav-image">
							<a href="#" img-transition="true">
								<img src="@Href("~/Images/icons/contact.png")" alt="Image" />
								<img src="@Href("~/Images/icons/contact-active.png")" alt="Image" style="display: none;" />
							</a>
						</div>
					</div>
					<div class="nav-menu" id="navcontact">
						<ul>
							<li><a href="@Href("~/Feedback/")">Feedback Form</a></li>
							<li><a href="@Href("~/FAQ/")">FAQ</a></li>
						</ul>
					</div>
					<div class="clear"></div>
				</div>
				
				<div id="content">
					@RenderBody()
					
				</div>
			</div>
			<div class="clear"></div>
			
			<div id="bottom" class="grid_12">
				<div id="copyrights">
					Browser Game &copy; 2011
				</div>
				<div id="social-links">
					<span>
						<span>
							<a href="http://www.twitter.com" target="_blank" img-transition="true">
								<img src="@Href("~/Images/icons/twitter.png")" alt="Twitter" />
								<img src="@Href("~/Images/icons/twitter-active.png")" alt="Twitter" />
							</a>
						</span>
					</span>
					<!-- These extra <span> are for javascript to work with cycle in that function -->
					<span>
						<span>
							<a href="http://www.facebook.com" target="_blank" img-transition="true">
								<img src="@Href("~/Images/icons/facebook.png")" alt="Twitter" />
								<img src="@Href("~/Images/icons/facebook-active.png")" alt="Twitter" />
							</a>
						</span>
					</span>
				</div>
				<div class="clear"></div>
			</div>
			<div class="clear"></div>
		
		</div>

    </body>
</html>
